Pedro Galerani's profile

UI & UX Design - Website Soren

INTRODUCTION
A Soren é uma empresa portuguesa que se dedica à energia renovável e às implementações e facilitações em propriedades por todo Portugal. Inicialmente, a equipe da Isa pediu-nos um redesign completo do website já existente. 

Após algumas reuniões, decidimos entregar todo o processo de UI e UX design. A Soren estava tendo dificuldades em direcionar os clientes e possíveis clientes para o website, pois este não estava funcional e não entregava a dinâmica desejada ao cliente.
O DESAFIO
Conversando com a equipe de métricas da Soren, fui informado que o website não estava trazendo um aumento significativo nos contatos de clientes ou possíveis clientes, e que muitos não se sentiam com as dúvidas básicas respondidas.

Logo, tomei como foco:

- Aumentar a probabilidade do possível cliente entrar em contato;
- Melhorar a experiência do usuário na captação de informações importantes do processo;

Defini como público-alvo os ingleses que tinham propriedades no sul de Portugal. Eles são a nacionalidade mais presente na compra de propriedades pelas cidades algarvias.
ANALISE COMPETITIVA
1. Incentivo ao contato por parte do cliente.

As duas empresas em que fiz a análise não incentivam o cliente ao contato apenas com botões ou técnicas mais voltadas ao design dos elementos. Ambas reforçam o motivo pelo qual elas são a opção perfeita para essa escolha e incentivam o cliente a explorar mais o website.

2. Leveza e textos assertivos.

Ambas as empresas colocam textos de promessas que incentivam o cliente a entrar em contato. Os dois não induzem com frases diretas como ‘’Entre em contato’’, mas criam primeiro o desejo e mostram o motivo pelo qual devem entrar em contato.

3. Design mais divertido e Ilustrativo.

As empresas querem comunicar leveza, rapidez e processo sem estresse. As duas trazem elementos ilustrativos para descontrair e tornar uma leitura mais palpável ao visual. Com formatos arredondados e textos simples.

4. Liberdade de controle do usuário.

Foi notado que em uma das empresas, o usuário tem o controle sobre aquilo que ele quer fazer, e se quer receber a informação de forma mais direta ou se quer mais detalhes sobre um determinado tipo de assunto. Tudo é interativo e intuitivo.

5. Descomplicação para orçamento e base de preço.

Uma empresa possui uma barra de pesquisa que te permite pesquisar a sua propriedade e a partir daí dá-te uma base de orçamento conforme sua localização, logo indicando valor mensal e o valor final com os impostos incluídos e dando a opção de contato.

Já a segunda empresa foca em tornar a passagem pelo site mais direta também, mas de outro jeito. Eles não querem que o cliente se canse no website, logo se coloca à disposição para entrar em contato ela mesma ao invés do cliente. Tem uma barra de ‘’Deixe seu telefone e entraremos em contato consigo de graça’’
User Stories
A partir disso, criei frases que narram algumas dores dos clientes com base no que foi pesquisado.

''Eu, Isa, fundadora da Soren, quero um aumento dos clientes, para poder ter lucro e ter o suficiente para contratar mais pessoas para a equipe.''

''Eu, Debie, cliente da Soren, quero os serviços da Soren, para poder economizar na minha energia e sofrer menos com a crise energética.''

''Eu, Adrian, cliente da Soren, quero os serviços da Soren, para poder alavancar o valor da minha propriedade e conseguir vender por um preço maior.''

''Eu, George, possível cliente da Soren, quero ter um painel solar, além de economizar também ajudar na sustentabilidade.''
SITEMAP
Esboços e Wireframe
Fiz os esboços à mão, para organizar e tornar mais visível. Meti todas as informações necessárias para transmitir o necessário.

Wireframe

Com o uso do Figma fiz toda a escolha das cores e imagens. Usei cores em que contêm na identidade visual e no manual de marca dado pela mesma. Retomei as informações de forma mais direta e simples, e muito mais intuitivas para o usuário.

Usei a fonte JetBrains Mono para o desenvolvimento da interface. Como foram mais de 4 páginas, para não ser longo irei deixar a landpage.
Conclusão

Todo o processo foi bem prazeroso de se ver desenvolvendo. Esta empresa é uma empresa existente para qual já trabalhei, porém usei para um projeto próprio e complementar meu portfólio.

Toda minha experiência e informações adquiridas quando trabalhava para Soren foram essenciais para o desenvolvimento desse projeto de UI & UX.

UI & UX Design - Website Soren
Published:

Owner

UI & UX Design - Website Soren

Published: